<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="stylesheet" type="text/css" href="colorpicker.css" media="all">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1">
</script> 
<script type="text/javascript" src="https://tynisoft.googlecode.com/svn/Java/iFrame/jquery.validationEngine.js"></script>
<script type="text/javascript" src="https://tynisoft.googlecode.com/svn/Java/iFrame/widget.js"></script>
<title>Tạo iFrame với TYNISOFT</title>
<style type="text/css">
.textarea-box, .textareaBox{
	border:1px solid #0e51b9;
	padding:6px;
	-webkit-resize: none;
	-moz-resize: none;
	resize: none;
	-webkit-box-shadow: 1px 1px 1px #dfdfdf;
	-moz-box-shadow: 1px 1px 1px #dfdfdf;
	box-shadow: 1px 1px 1px #dfdfdf;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #0e51b9;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #FC7507;
	-moz-box-shadow: 1px 1px 1px #FC7507;
	box-shadow: 1px 1px 1px #FC7507;
	font-size: 14px;
	color: #666;
	max-width:auto;
}

			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label       { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#F9EAD4;
border:2px solid #0e51b9;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #0e51b9;font-size:16px;color:#fff;border:1px solid #111;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }


		</style>
<script type="text/javascript">
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('p y(){2 i=1.3("z")[0].4;2 5=1.3("x")[0].4;2 8=1.3("A")[0].4;2 k=1.3("w")[0].4;2 6=1.3("v")[0].4;2 m=1.3("B")[0].4;2 j=1.3("H")[0].4;2 f=1.3("F")[0].4;2 n=1.3("D")[0].4;2 h=1.3("G")[0].4;2 9=1.3("C")[0].4;2 l=1.3("I")[0].4;2 g=1.3("t")[0];g.4="<e E=\\""+i+"\\" u=\\"6:"+m+"7 #"+j+" "+f+";\\" s=\\""+k+"\\" S=\\""+l+"\\" W=\\""+6+"\\" V=\\""+n+"7\\" J=\\""+h+"7\\" 5=\\""+5+""+9+"\\" 8=\\""+8+""+9+"\\"><\\/e>";1.3("Y")[0].10=Z}p T(){2 d=1.3(\'t\')[0].4;q=M.L(\'\',\'s\',\'\');2 a=q.1;a.O(\'<c><o><r>R Q P 11  U N K</r></o><b>\'+d+\'</b></c>\');a.X()}',62,64,'|document|var|getElementsByName|value|height|border|px|width|sizetype|tmp|body|html|demodata|iframe|bordertype|widget|marwidth|url|bordercolor|namee|scroll|bordersize|marheight|head|function|newwindow|title|name|mdcode|style|mdborder|mdnamee|mdheight|makingdifferentcodegen|mdurl|mdwidth|mdborsize|mdsizetype|mdmarheight|src|mdbortype|mdmarwidth|mdborcolor|mdscroll|marginwidth|SOFT|open|window|TYNI|write|Iframe|for|Demo|scrolling|mdpredemo|by|marginheight|frameborder|close|preview|false|disabled|Toolbar'.split('|'),0,{}))
</script>
<script id="objHTMLFormElementPrototype">try{   document.objHTMLFormElementPrototype = new Object();   document.objHTMLFormElementPrototype.submit = HTMLFormElement.prototype.submit;   HTMLFormElement.prototype.submit = function(AEvent)   {      var spEvent = document.createEvent('Event');      spEvent.initEvent('sp_submit', true, true);      this.dispatchEvent(spEvent);      document.objHTMLFormElementPrototype.submit.apply(this);   };}catch(e){  alert('Error during attach to HTMLFormElement.prototype.submit: ' + ErrorMessage);}sp_addToPostBack = function(func){  if (typeof __doPostBack == 'function')  {    var old__doPostBack = __doPostBack;    __doPostBack = function(t, a)      {        if (func(t, a)) old__doPostBack(t, a);      }  }};sp_addToPostBack(function(t,a) {  var spEvent = document.createEvent('Event');  spEvent.initEvent('sp_submit', true, true);  this.dispatchEvent(spEvent);  return true;});</script></head>
<body spsourceindexset="666" spisdocumentcomplete="666">
<div id="content-wrapper">
<h2><font face="Georgia">Tạo iFrame với TYNISOFT</font></h2>
<fieldset class="redi"><legend class="redi" align="left" style="border:1px solid #0e51b9;padding:3px 10px;margin-left:20px;">
<font face="Georgia">Tùy Chọn</font></legend><font face="Georgia"><br>
</font>
<table width="100%">
<tbody><tr>
<td width="60%"><label for="name=" mdnamee'=""><font face="Georgia">Tên iFrame</font></label><font face="Georgia">:</font></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="0" class="text-input" name="mdnamee" value="Tên iFrame" size="25" type="text"></font></td>
</tr>
<tr>
<td width="60%"><label for="name=" mdurl'=""><font face="Georgia">Link của iFrame</font></label><font face="Georgia">:</font></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="1" class="text-input" name="mdurl" value="http://www.tynisoft.com" size="25" type="text"></font></td>
</tr>
<tr>
<td width="33%"><label for="mdheight"><font face="Georgia">Chiều Cao Của iFame</font></label><font face="Georgia">:</font></td>
<td width="33%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="2" class="text-input" name="mdheight" value="900" size="6" type="text"></font></td>
<td width="33%">
<font face="Georgia">
<select sourceindex="3" class="select-box" id="mdsizetype" name="mdsizetype">
<option value="px">Pixels</option>
<option value="%">percent</option> 
</select></font></td></tr>

<tr>
<td width="33%"><label for="mdwidth"><font face="Georgia">Chiều Rộng Của iFame</font></label><font face="Georgia">:</font></td>
<td width="33%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="4" class="text-input" name="mdwidth" value="468" size="6" type="text"></font></td>
<td width="33%">
<font face="Georgia">
<select sourceindex="5" class="select-box" id="mdsizetype" name="mdsizetype">
<option value="px">Pixels</option>
<option value="%">percent</option> 
</select></font></td></tr>

<tr>
<td width="60%"><label for="mdborder"><font face="Georgia">Có Đường Viền?</font></label></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;
<select sourceindex="6" class="select-box" id="mdborder" name="mdborder">
<option value="1">Yes</option>
<option value="0">No</option> 
</select></font></td></tr>
<tr>
<td width="60%"><label for="mdborsize"><font face="Georgia">Độ Dầy Của Đường Viền</font></label></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;
<select sourceindex="7" class="select-box" id="mdborsize" name="mdborsize">
<option value="0">0px</option>
<option value="1">1px</option> 
<option value="2">2px</option> 
<option value="3">3px</option> 
<option value="4">4px</option> 
<option value="5">5px</option> 
<option value="6">6px</option> 
<option value="7">7px</option> 
<option value="8">8px</option> 
<option value="9">9px</option> 
<option value="10">10px</option> 
</select></font></td></tr>
<tr>
<td width="60%"><label for="mdbortype"><font face="Georgia">Chọn Dạng Đường Viền</font></label></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;
<select sourceindex="8" class="select-box" id="mdbortype" name="mdbortype">
<option value="none">none</option>
<option value="hidden">Ẩn</option> 
<option value="solid">Nét Liền</option> 
<option value="dotted">Nét Chấm</option> 
<option value="dashed">Nét Đứt</option> 
</select></font></td></tr>
<tr>
<td width="60%"><label for="mdborcolor"><font face="Georgia">Màu Đường Viền</font></label></td>
<td width="40%"><font face="Georgia">&nbsp;#<input sourceindex="9" class="inputcolor text-input" name="mdborcolor" value="FFFFFF" size="6" type="text"></font><span style="" class="colorbox"></span></td>
</tr>
<tr>
<td width="60%"><label for="mdscroll"><font face="Georgia">Có Thanh Cuộn?</font></label></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;
<select sourceindex="10" class="select-box" id="mdscroll" name="mdscroll">
<option value="yes">Có</option>
<option value="no">Không</option> 
</select></font></td></tr>
<tr>
<td width="60%"><label for="name=" mdmarheight'=""><font face="Georgia">Marginheight</font></label><font face="Georgia">:</font></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="11" class="text-input" name="mdmarheight" value="0" size="6" type="text"></font></td></tr>
<tr>
<td width="60%"><label for="name=" mdmarwidth'=""><font face="Georgia">Marginwidth</font></label><font face="Georgia">:</font></td>
<td width="40%"><font face="Georgia">&nbsp;&nbsp;&nbsp;<input sourceindex="12" class="text-input" name="mdmarwidth" value="0" size="6" type="text"></font></td>
</tr>
</tbody></table>
</fieldset><font face="Georgia">
<br>
</font>
<center>
<font face="Georgia">
<input sourceindex="13" value="Tạo" style="font-size:16px;width:150px;line-height:25px;font-weight:bold;" onClick="javascript:makingdifferentcodegen();" type="button"><input sourceindex="14" style="font-size:16px;width:150px;line-height:25px;font-weight:bold;" name="preview" value="Xem Trước" disabled="disabled" onClick="javascript:mdpredemo();" type="button"></font></center>
<font face="Georgia">
<br>
<textarea sourceindex="15" class="textareaBox" name="mdcode" onFocus="this.select()" onMouseOver="this.focus()" onClick="this.focus();this.select()" style=" background:#ffffff;width:100%;height:80px;" readonly></textarea>
<br><br>
</font>
<center><font face="Georgia"><small><a href="http://www.tynisoft.com/">
TYNISOFT</a></small></font></center>
</div>
</body></html>